Produced by Araxis Merge on Fri Dec 13 16:40:55 2019 UTC. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a reasonably standards compliant browser such as the latest version of Firefox or Internet Explorer. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | Fri Dec 13 16:40:55 2019 UTC | ||
| 2 | Porto v.3.2.2\Theme Files\Magento 1.x\Porto Theme\skin\frontend\smartwave\porto\css\header | type25.css | Mon Nov 25 11:06:06 2019 UTC |
| Description | Between Files 1 and 2 |
|
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 0 | 0 |
| Changed | 0 | 0 |
| Inserted | 1 | 236 |
| Removed | 0 | 0 |
| Whitespace | All differences in whitespace within lines are ignored |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
No regular expressions were active.
| 1 | .header-co ntainer.ty pe25 { | |||||
| 2 | border : 0; | |||||
| 3 | positi on: relati ve; | |||||
| 4 | color: #222529; | |||||
| 5 | } | |||||
| 6 | .header-co ntainer.ty pe25 a { | |||||
| 7 | color: #222529; | |||||
| 8 | } | |||||
| 9 | .header-co ntainer.ty pe25 > .he ader { | |||||
| 10 | displa y: flex; | |||||
| 11 | align- items: cen ter; | |||||
| 12 | } | |||||
| 13 | .header-co ntainer.ty pe25 > .he ader > .lo go { | |||||
| 14 | margin -right: 0; | |||||
| 15 | } | |||||
| 16 | .header-co ntainer.ty pe25 .head er-wrapper { | |||||
| 17 | flex: 1; | |||||
| 18 | } | |||||
| 19 | .header-co ntainer.ty pe25 .head er-main-ri ght { | |||||
| 20 | flex: 1; | |||||
| 21 | min-wi dth: 138px ; | |||||
| 22 | text-a lign: righ t; | |||||
| 23 | } | |||||
| 24 | .header-co ntainer.ty pe25 .top- links-area { | |||||
| 25 | margin -right: 10 px; | |||||
| 26 | } | |||||
| 27 | .header-co ntainer.ty pe25 .top- links-icon { | |||||
| 28 | displa y: block; | |||||
| 29 | font-s ize: 12px; | |||||
| 30 | paddin g: 0; | |||||
| 31 | } | |||||
| 32 | .header-co ntainer.ty pe25 .top- links-icon :before { | |||||
| 33 | displa y: none; | |||||
| 34 | } | |||||
| 35 | .header-co ntainer.ty pe25 .top- links-icon a { | |||||
| 36 | font-s ize: 27px; | |||||
| 37 | } | |||||
| 38 | .header-co ntainer.ty pe25 .top- links-area .links { | |||||
| 39 | displa y: none; | |||||
| 40 | positi on: absolu te; | |||||
| 41 | left: 50%; | |||||
| 42 | right: auto; | |||||
| 43 | min-wi dth: 130px ; | |||||
| 44 | text-a lign: left ; | |||||
| 45 | top: 1 00%; | |||||
| 46 | backgr ound-color : #fff; | |||||
| 47 | transf orm: trans lateX(-50% ); | |||||
| 48 | margin -top: 15px ; | |||||
| 49 | border : 0; | |||||
| 50 | paddin g: 5px 0; | |||||
| 51 | width: auto; | |||||
| 52 | box-sh adow: 0 2p x 10px -2p x rgba(0,0 ,0,.3); | |||||
| 53 | } | |||||
| 54 | .header-co ntainer.ty pe25 .link s li { | |||||
| 55 | displa y: block; | |||||
| 56 | paddin g: 5px 20p x; | |||||
| 57 | transi tion: all 0.3s; | |||||
| 58 | border : 0; | |||||
| 59 | } | |||||
| 60 | .header-co ntainer.ty pe25 .head er-main-ri ght > * { | |||||
| 61 | displa y: inline- block; | |||||
| 62 | vertic al-align: middle; | |||||
| 63 | float: none !imp ortant; | |||||
| 64 | } | |||||
| 65 | .header-co ntainer.ty pe25 .sele ctbox .sel ect { | |||||
| 66 | color: #222529; | |||||
| 67 | } | |||||
| 68 | .header-co ntainer.ty pe25 .mini -cart .min i-products -list {pad ding: 10px 0 0;} | |||||
| 69 | .header-co ntainer.ty pe25 .myba g-link i { | |||||
| 70 | width: 25px; | |||||
| 71 | height : 20px; | |||||
| 72 | border : 2px soli d #222529; | |||||
| 73 | border -radius: 0 0 5px 5px ; | |||||
| 74 | positi on: relati ve; | |||||
| 75 | opacit y: .9; | |||||
| 76 | paddin g-right: 0 ; | |||||
| 77 | margin -top: 7px; | |||||
| 78 | } | |||||
| 79 | .header-co ntainer.ty pe25 .myba g-link i:b efore { | |||||
| 80 | conten t: ''; | |||||
| 81 | positi on: absolu te; | |||||
| 82 | border : 2px soli d; | |||||
| 83 | border -color: in herit; | |||||
| 84 | border -bottom: n one; | |||||
| 85 | border -radius: 1 0px 10px 0 0; | |||||
| 86 | left: 50%; | |||||
| 87 | top: - 8px; | |||||
| 88 | margin -left: -7. 5px; | |||||
| 89 | width: 15px; | |||||
| 90 | height : 11px; | |||||
| 91 | } | |||||
| 92 | .header-co ntainer.ty pe25 .topC artContent :before { | |||||
| 93 | right: 12px; | |||||
| 94 | } | |||||
| 95 | .header-co ntainer.ty pe25.heade r-newskin .mybag-lin k { | |||||
| 96 | paddin g-right: 1 0px; | |||||
| 97 | } | |||||
| 98 | .header-co ntainer.ty pe25.heade r-newskin .mybag-lin k .cart-qt y { | |||||
| 99 | right: 0; | |||||
| 100 | backgr ound-color : #ff5b5b; | |||||
| 101 | } | |||||
| 102 | .header-co ntainer.ty pe25 .mini -cart > a: after {dis play: none ;} | |||||
| 103 | .header-co ntainer.ty pe25 .mini -cart .top CartConten t {top:100 %;} | |||||
| 104 | .header-co ntainer.ty pe25.stick y-header . menu-wrapp er .mybag- link i{fon t-size:25p x;line-hei ght: 30px; } | |||||
| 105 | .header-co ntainer.ty pe25.heade r-newskin. sticky-hea der .menu- wrapper .m ini-cart . topCartCon tent { | |||||
| 106 | top: 1 00%; | |||||
| 107 | } | |||||
| 108 | .header-co ntainer.ty pe25 .head er .search -area { | |||||
| 109 | positi on: relati ve; | |||||
| 110 | margin : 0; | |||||
| 111 | displa y: inline- block; | |||||
| 112 | top: 0 ; | |||||
| 113 | left: 0; | |||||
| 114 | height : auto; | |||||
| 115 | z-inde x: 5; | |||||
| 116 | margin -right: 10 px; | |||||
| 117 | vertic al-align: middle; | |||||
| 118 | } | |||||
| 119 | .header-co ntainer.ty pe25 .head er .search -area a.se arch-icon { | |||||
| 120 | displa y: block; | |||||
| 121 | margin : 0; | |||||
| 122 | width: auto; | |||||
| 123 | text-t ransform: uppercase; | |||||
| 124 | font-s ize: 11px; | |||||
| 125 | font-w eight: 700 ; | |||||
| 126 | letter -spacing: 1px; | |||||
| 127 | } | |||||
| 128 | .header-co ntainer.ty pe25 .head er .search -area a.se arch-icon > span { | |||||
| 129 | displa y: none; | |||||
| 130 | } | |||||
| 131 | .header-co ntainer.ty pe25 .head er .search -area a.se arch-icon > i{font-s ize:21px;d isplay:inl ine-block; vertical-a lign:middl e;margin-r ight:0} | |||||
| 132 | .header-co ntainer.ty pe25 .head er .search -area a.se arch-icon > i:before { | |||||
| 133 | font-w eight: 900 ; | |||||
| 134 | } | |||||
| 135 | .header-co ntainer.ty pe25 .icon -search:be fore{conte nt:"\e884" } | |||||
| 136 | .header-co ntainer.ty pe25 .head er .search -area a.se arch-icon: hover{colo r:#141a1f; text-decor ation:none } | |||||
| 137 | .header-co ntainer.ty pe25 .head er #search _mini_form {width:aut o;display: none;margi n:0} | |||||
| 138 | .header-co ntainer.ty pe25 .head er .form-s earch { | |||||
| 139 | positi on: absolu te; | |||||
| 140 | right: -30px; | |||||
| 141 | top: 1 00%; | |||||
| 142 | overfl ow: hidden ; | |||||
| 143 | min-wi dth: 300px ; | |||||
| 144 | width: auto; | |||||
| 145 | border : 5px soli d rgba(0,0 ,0,0.1); | |||||
| 146 | backgr ound: #fff ; | |||||
| 147 | margin -top: 15px ; | |||||
| 148 | border -radius: 5 0px !impor tant; | |||||
| 149 | } | |||||
| 150 | .header-co ntainer.ty pe25 .head er .form-s earch butt on.button, .header-c ontainer.t ype25 .hea der .form- search #se arch, .hea der-contai ner.type25 .header . form-searc h #cat{ | |||||
| 151 | color: #000; | |||||
| 152 | } | |||||
| 153 | .header-co ntainer.ty pe25 .wish list-link > a { | |||||
| 154 | font-s ize: 27px; | |||||
| 155 | } | |||||
| 156 | .header-co ntainer.ty pe25 .head er-main-ri ght > .swi tchers { | |||||
| 157 | displa y: none; | |||||
| 158 | } | |||||
| 159 | .header-co ntainer.ty pe25 .main -nav > .co ntainer { | |||||
| 160 | max-wi dth: 100%; | |||||
| 161 | } | |||||
| 162 | .header-co ntainer.ty pe25 .main -nav .menu -wrapper { | |||||
| 163 | backgr ound-color : transpar ent; | |||||
| 164 | } | |||||
| 165 | .header-co ntainer.ty pe25 .main -nav ul.me nu >li { | |||||
| 166 | margin -right: 5p x; | |||||
| 167 | } | |||||
| 168 | .header-co ntainer.ty pe25.heade r-newskin .main-nav ul.menu>li >a { | |||||
| 169 | line-h eight: 20p x; | |||||
| 170 | color: #222529; | |||||
| 171 | font-w eight: 700 ; | |||||
| 172 | font-s ize: 13px; | |||||
| 173 | paddin g: 45px 10 px; | |||||
| 174 | } | |||||
| 175 | .header-co ntainer.ty pe25.heade r-newskin .main-nav ul.menu>li >a:before { | |||||
| 176 | conten t: ""; | |||||
| 177 | positi on: absolu te; | |||||
| 178 | width: 100%; | |||||
| 179 | height : 3px; | |||||
| 180 | top: 0 ; | |||||
| 181 | left: 0; | |||||
| 182 | opacit y: 0; | |||||
| 183 | transi tion: 0.2s opacity; | |||||
| 184 | backgr ound-color : #08c; | |||||
| 185 | border : 0; | |||||
| 186 | margin : 0; | |||||
| 187 | } | |||||
| 188 | .header-co ntainer.ty pe25 .main -nav ul.me nu>li:hove r>a:before { | |||||
| 189 | opacit y: 1; | |||||
| 190 | } | |||||
| 191 | .header-co ntainer.ty pe25.heade r-newskin .main-nav ul.menu>li >a:after { | |||||
| 192 | displa y: none !i mportant; | |||||
| 193 | } | |||||
| 194 | .header-co ntainer.ty pe25.heade r-newskin .header .m ini-cart { | |||||
| 195 | margin -left: 15p x; | |||||
| 196 | } | |||||
| 197 | .header-co ntainer.ty pe25.stick y-header . main-nav { | |||||
| 198 | margin : 0 auto; | |||||
| 199 | } | |||||
| 200 | .header-co ntainer.ty pe25.stick y-header . header-wra pper { | |||||
| 201 | backgr ound-color : #fff; | |||||
| 202 | paddin g: 0 !impo rtant; | |||||
| 203 | } | |||||
| 204 | .header-co ntainer.ty pe25.stick y-header . sticky-log o { | |||||
| 205 | margin -top: 12px ; | |||||
| 206 | margin -bottom: 1 2px; | |||||
| 207 | } | |||||
| 208 | .header-co ntainer.ty pe25.stick y-header . sticky-log o img { | |||||
| 209 | height : 30px; | |||||
| 210 | } | |||||
| 211 | .header-co ntainer.ty pe25.heade r-newskin. sticky-hea der .main- nav ul.men u>li>a { | |||||
| 212 | paddin g: 17px 10 px !import ant; | |||||
| 213 | } | |||||
| 214 | .header-co ntainer.ty pe25.stick y-header . header .me nu-wrapper .mini-car t { | |||||
| 215 | top: 5 0%; | |||||
| 216 | margin -top: -20p x; | |||||
| 217 | } | |||||
| 218 | @media (ma x-width: 9 91px) { | |||||
| 219 | .heade r-containe r.type25 . menu-icon { | |||||
| 220 | di splay: inl ine-block; | |||||
| 221 | he ight: auto ; | |||||
| 222 | pa dding: 0; | |||||
| 223 | ma rgin-right : 15px; | |||||
| 224 | } | |||||
| 225 | } | |||||
| 226 | @media (ma x-width: 4 80px) { | |||||
| 227 | .heade r-containe r.type25 . header .lo go img { | |||||
| 228 | ma x-height: 35px; | |||||
| 229 | } | |||||
| 230 | .heade r-containe r.type25.h eader-news kin .heade r .mini-ca rt { | |||||
| 231 | ma rgin-left: 5px; | |||||
| 232 | } | |||||
| 233 | .heade r-containe r.type25 . header .se arch-area, .header-c ontainer.t ype25 .top -links-are a { | |||||
| 234 | ma rgin-right : 2px; | |||||
| 235 | } | |||||
| 236 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993-2010 Araxis Ltd (www.araxis.com). All rights reserved.